<template>
    <div class="demo">
        <div class="scrool item">
            <b>css无缝滚动</b>
            <scroll></scroll>
        </div>
        <div class="file item">
            <b>大文件分片上传</b>
            <files></files>
        </div>
    </div>
</template>

<script setup lang="ts">
import scroll from './scroll.vue';
import files from './file.vue'
</script>

<style scoped lang="scss">
.demo {
    padding: 10px;

    .item {
        width: 250px;
        padding: 10px;
        margin: 10px;

        b {
            font-size: 18px;
            padding: 10px 0;
            color: var(--themeColor);
        }

        border: 1px solid rgba(134, 141, 143, 0.586);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
</style>